<template>
  <div class="web-home">
    <!--顶部导航-->
    <w-web-header/>
    <div class="web-home-content">
      <!--内容部分-->
      <div class="w-content-box">
        <router-view/>
      </div>
      <!--底部-->
      <w-web-footer/>
    </div>
  </div>
</template>

<script lang="ts">
import WWebHeader from './com/header.vue'
import WWebFooter from './com/footer.vue'
import { Component, Vue, Inject } from 'vue-property-decorator'

@Component({
  components: {
    WWebHeader,
    WWebFooter,
  },
})
export default class Web extends Vue {
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.web-home {
  > .web-home-content {
    > .w-content-box {
      min-height: calc(100vh - 60px - 150px);
    }
  }
}
</style>
